VisualHMI - 进度条控件

什么是进度条控件?

image-20231116144209133

进度条控件常用于某些工作进程的显示、某些参数在一定范围内的显示等等,可水平和垂直方向显示。

适用范围:VisualHMI - HMI&M系列

例程下载链接:VisualHMI - 进度条控件(点击下载)

1.属性介绍

本章节重点介绍进度条控件的属性,分为功能设置和外观设置

1.1.功能设置

进度条控件的功能设置,属性如下所示

image-20231116144552016

  1. 读取地址:控件读取绑定的地址;

  2. 数值范围:进度条的范围值,可选择固定范围和可变范围;

    • 固定范围:可设置最小值和最大值,必须为整数;

    • 可变范围:可设置最小值地址和最大值地址。

1.2.外观设置

进度条控件的外观属性,属性如下所示

image-20231116144630195

  1. 显示方向:设置进度条的显示方向;可以设置“从左往右”、“从右往左”、“从下往上”、“从上往下”4个方向显示;

  2. 显示效果:设置进度条的显示效果,可选择纯色、渐变色、图片;

    • 纯色:
      • 前景颜色:设置进度条的前景颜色为纯色;
      • 显示背景色:可设置为纯色背景色;
      • 范围报警:设置报警的范围值,可设置固定范围和可变范围,并设置报警的上下限的进度条颜色。
    • 渐变色:
      • 开始颜色:设定起始颜色;
      • 结束颜色:设定终止颜色;
      • 范围报警:设置报警的范围值,可设置固定范围和可变范围,并设置报警的上下限的进度条颜色。
    • 贴图:设置进度条显示为图片,需设置进度条和背景的图库文件。

2.应用案例

2.1.固定范围

2.1.1.工程配置

画面中添加进度条控件,“固定范围”进度条控件的配置如下所示:

  1. 读取地址:LW1001;

  2. 数值范围:固定范围;

    • 最小值:0;

    • 最大值:100;

  3. 显示方向:从左到右;

  4. 显示效果:贴图;

    • 进度图库:progress.xico/17;

    • 背景图库:progress.xico/5;

image-20231116145156345

2.1.1.运行预览

运行虚拟屏,点击+ /-按键,进度条实时变化,且数值限制在0~100,运行效果如下所示

Video_2023-11-16_150035

2.2.可变范围

2.2.1.工程配置

画面中添加进度条控件,“可变范围”进度条的配置如下所示:

  1. 读取地址:LW1002

  2. 范围限制:可变范围;

    • 下限地址:LW1003;

    • 上限地址:LW1004;

  3. 方向:从左到右;

  4. 显示效果:贴图;

    • 进度图库:progress.xico/17;

    • 背景图库:progress.xico/5;

image-20231116145528372

2.2.2.运行预览

运行虚拟屏,设置最大值为1000,最小值为100。拖动滑动条,数值实时变化,如下所示:

Video_2023-11-16_150401

Copyright ©Dacai all right reserved,powered by Gitbook该文件修订时间: 2023-12-07 19:05:20

results matching ""

    No results matching ""